<ion-view view-title="货源列表">
  <ion-nav-title>
    货源列表
  </ion-nav-title>
  <ion-nav-buttons side="right">
    <a ui-sref="menu.tabs.list">
      <button class="button button-icon icon ion-ios-search"></button>
    </a>
  </ion-nav-buttons>
  <ion-content style="z-index:1">
    <!-- 货源列表start -->
    <ion-refresher on-refresh="doRefresh()" pulling-icon="ion-load-d" spinner="ios-small"></ion-refresher>
    <!--<div class="row" ng-if="list.cargos.length == 0">-->
      <!--<div class="col text-center padding" style="color: #a3a3a3;"><ion-spinner icon="ios"></ion-spinner>正在加载中...<br>若长时间没有跳转，请检查您的网络连接！</div>-->
    <!--</div>-->
    <div class="row" ng-if="list.showloading">
        <div class="col text-center padding" style="color: #a3a3a3;"><ion-spinner icon="ios"></ion-spinner>正在加载中.....</div>
    </div>
    <div class="row" ng-if="!list.showloading && list.cargos.length == 0">
      <div class="col text-center padding" style="color: #a3a3a3;"><i class="iconfont">&#xe61a;&nbsp;</i>没有找到货源哦！<br>尝试搜索其他地区的货源吧...</div>
    </div>
    <ion-list ng-if="!list.showloading && list.cargos.length != 0">
      <!--<ion-list>-->
      <ion-item class="item-remove-animate item-avatar item-icon-right"
                ng-repeat="cargo in list.cargos"
                href="#/menu/tabs/cargo/{{cargo._id}}">
        <img src="{{api}}{{cargo.user.userImage}}">
        <p class="item_name">{{cargo.user.realName}}</p>
        <div style="margin-bottom:5px"><i class="iconfont assertive" style="font-size:1.6rem;">
          &#xe60a;</i><span class="text_ellipsis" style="display: inline-block;width:100%">{{cargo.from}}</span></div>
        <div><i class="iconfont royal" style="font-size:1.6rem;">&#xe60b;</i><span class="text_ellipsis" style="display: inline-block;width:100%">{{cargo.to}}</span></div>
        <p style="font-size:0.9rem;padding:5px;"><i class="iconfont" style="font-size:1.2rem;">&#xe60d;</i>&nbsp;{{cargo.dateTime}}
        </p>
        <p style="font-size:0.9rem;padding-left:5px;"><i class="iconfont" style="font-size:1.2rem;">&#xe60f;</i>&nbsp;{{cargo.name}}&nbsp;{{cargo.load}}吨&emsp;要&nbsp;{{cargo.lorryLength}}米&nbsp;{{cargo.lorryType}}
        </p>
        <i class="icon iconfont" style="color: orangered">&#xe60c;</i>
      </ion-item>
    </ion-list>
    <!-- 货源列表end -->
    <ion-infinite-scroll on-infinite="loadMore()" ng-if="hasNextPage()"></ion-infinite-scroll>
  </ion-content>
  <!-- ion-content end -->
</ion-view>
